@charset "UTF-8";
/* CSS Document */

body{
  /*background-color: #0fa3ec;*/
 background-color: #27c7ff;
  background-image: url(../img/bg.jpg);
  background-repeat: repeat-x;
  font-family: 'UbuntuLight', "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#contenedor{
  width: 1051px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}
#cabecera{
  width: 1051px;
  height:117px;
  border-top-width: 12px;
  border-top-style: solid;
  border-top-color: #09F;
}
#cabecera img{
  border: 0px;
}
#menu{
  width: 1051px;
  height:41px;
  background-color: #0CF;
}

#banner{
  width: 1051px;
  height:138px;
  background-color: #ccc;
}
#cuerpo{
  width: 1051px;
  background-color: #fff;
}


/*
 * estilos compartidos entre columnas
 */
#col-izq div.custom,
#col-der div.custom{
display: block;
  text-align: center;
  
}

#col-izq,
#col-mid,
#col-der
{
  margin: 10px 0px 0px 20px;
}


/*
 * #######
 * col-izq
 * #######
 */

#col-izq{
  width: 226px;
  padding: 0 0 20px 0;
  float: left;
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: #09F;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #09F;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #09F;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #09f;
  background-image: url(../img/bg-menu-izq.jpg);
  background-repeat: repeat-x;

}


/*
 * #######
 * col-mid
 * #######
 */

/* no hay columna izquierda */
.no-col-izq
{
  width: 719px !important; 
}
  
/* no hay columna derecha */
.no-col-der
{
  width: 719px !important;
}

/* no hay ninguna de las 2 columna */
.no-cols{
  width: 971px !important;
}

#col-mid{
  width: 475px;
  background-color: #FFF;
  float: left;
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: #17438A;
  padding: 20px;  
  /* height:500px; */
  overflow: auto;
  visibility: visible;
}

#col-mid ul.actions
{
        text-align:right;
        padding:0 ;
        width:100%;
        margin:0;
}

#col-mid ul.actions li
{
        display:inline;
}

#col-mid ul.actions a
{
        text-decoration:none;
}

/* links y anchors */

#col-mid a,
#col-mid a:visited
{
  color: #15428f;
  text-decoration: underline;
}

#col-mid a:hover
{
  color: #0097ff;
  text-decoration: none;
}


/*
 * #######
 * col-der
 * #######
 */

#col-der{
  width: 226px;
  padding: 0 0 20px 0;
  float: left;
  
  /* (sacamo x el twitter)
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: #09F;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #09F;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #09F;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #09f;
  background-image: url(../img/bg-menu-izq.jpg);
  background-repeat: repeat-x;
  */
}

/*
 * ####
 * MENU
 * ####
 */

div.moduletable_menuv{
  margin-right: auto;
  margin-left: auto;
  padding: 10px 12px;
}

div.moduletable_menuv h3{
  padding: 12px 0px;
  display: block;
  color: #333;
  margin: 0px;
}

#col-izq div.moduletable{
  margin-right: auto;
  margin-left: auto;
  padding: 10px 12px;
}

#col-izq div.moduletable h3{
  padding: 12px 0px;
  display: block;
  color: #333;
  margin: 0px;
}





/*
 * ####################
 * Contenido en col-mid
 * ####################
 */
#col-mid, #system-message-container{
  background-color:#f0f9ff;
}

/*
 * ######################
 * ALGUNOS ESTILOS UTILES
 * ######################
 */

/* una cajita de mensaje que se puede usar en el contenido */
div.cajita-mensaje-success,
div.cajita-mensaje-error
{
  display: block;
  border: 1px solid;
  background-color: #fff;
  margin: 10px;
  padding: 10px;
  font-size: 12px;
}
div.cajita-mensaje-success
{
  color: #006600;
  border-color: #006600;
}
div.cajita-mensaje-error
{
  color: #FF0000;
  border-color: #FF0000;
}

/*
 * #######################################################
 * estilos de las tablas de la seccion de plan de estudios
 * #######################################################
 */

/* tercera columna (separador) */
.tabla-plan-estudios tr > th:first-child + th + th,
.tabla-plan-estudios tr > td:first-child + td + td
{
  background-color: rgb(240,249,255) !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* primera y cuarta columna (campo de asignatura) */
.tabla-plan-estudios tr > th:first-child,
.tabla-plan-estudios tr > th:first-child + th + th + th,
.tabla-plan-estudios tr > td:first-child,
.tabla-plan-estudios tr > td:first-child + td + td + td
{
  width: 40% !important;
}

/* segunda y quintacolumna, campo de horas-catedra */
.tabla-plan-estudios tr > th:first-child + th,
.tabla-plan-estudios tr > th:first-child + th + th + th + th,
.tabla-plan-estudios tr > td:first-child + td,
.tabla-plan-estudios tr > td:first-child + td + td + td + td
{
  width: 10% !important;
  text-align: center !important;
}

/* titulos de las tablas */
.tabla-plan-estudios > tbody > tr:first-child > th,
.tabla-plan-estudios > tr:first-child > th
{
  text-align: center !important;
  padding-left: 10% !important;
}




/*
 * headings
 */
#col-mid h1,
#col-mid h1 a,
#col-mid h1 a:visited,
#col-mid h3,
#col-mid h3 a,
#col-mid h3 a:visited,
#col-mid h5,
#col-mid h5 a,
#col-mid h5 a:visited
{
  color: rgb(20,84,152);
  text-decoration: none;
}

#col-mid h1 a:hover,
#col-mid h3 a:hover,
#col-mid h5 a:hover
{
  color:   rgb(25,159,247);
  text-decoration: underline;
}

#col-mid h2,
#col-mid h2 a,
#col-mid h2 a:visited,
#col-mid h4,
#col-mid h4 a,
#col-mid h4 a:visited,
#col-mid h6,
#col-mid h6 a,
#col-mid h6 a:visited
{
  color: rgb(25,159,247);
  text-decoration: none;
}

#col-mid h2 a:hover,
#col-mid h4 a:hover,
#col-mid h6 a:hover
{
  color: rgb(20,84,152);
  text-decoration: underline;
}


#col-mid h1{ font-size: 26px;}
#col-mid h2{ font-size: 22px;}
#col-mid h3{ font-size: 18px;}
#col-mid h4{ font-size: 16px;}
#col-mid h5{ font-size: 14px;}
#col-mid h6{ font-size: 12px;}

#col-mid strong
{
  color: rgb(20,84,152);
}


/* vinetas */

#col-mid ul,
#col-mid ol
{
  color: rgb(23,67,138);
  /* font-size: 11px; */
 font-size: 14px;
}

/* strong */

#col-mid strong{
  color: #14428f;
   font-size: 14px;
}

/* parrafo */

#col-mid p{
  color: #082c5a;
  text-decoration: none;
   font-size: 14px;
  line-height: 24px;
}

/* tablas */

#col-mid table{
  border-collapse: collapse;
  text-align: left;
}
#col-mid th{
  background-color: #ccc;
  font-weight: bold;
}
#col-mid tr{
  background-color: #FFFFFF;
}
#col-mid th,
#col-mid td{
  border: 1px solid #CCC;
}
#col-mid th p,
#col-mid td p{
  font-size: 12px;
  color: rgb(51,51,51);
}



/*
 * formularios
 */

#col-mid form td input[type="text"],
#col-mid form td textarea
{
  width: 98%;
}




/*
 * #############
 * PIE DE PAGINA
 * #############
 */
#footer{
  width: 1031px;
  height:120px;
  background-color: #17438A;
  color: #fff;
  font-size: 12px;
  padding: 20px 0 0 20px;
}
#footer p{
  text-align:left;
  padding: 0px;
  margin: 0px;
  line-height: 18px;
  text-align: center;
}


/* ######
 * NOTICIAS
 * ######
 */

/* padding a las cajitas */
.items-leading > div,
.items-row .item
{
  padding: 10px;
  overflow:hidden;
  background-color: #fff;
}

/* margin entre filas de noticias */
.items-leading > div,
.items-row
{
  margin-bottom: 20px
}

/* bordes de leading articles */
.items-leading > div{
  display:block;
  float:left;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #14569d;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #14569d;
}


/* separadores entre filas de noticias */
.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}


/* cajitas en columnas (se proveen estilos para hasta 3 columnas) */


.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}


/* imagenes dentro de las noticias */
/* si es leading, flota a la izquierda */

.items-leading > div p img
{
  max-width: 40% !important;
  height: auto;
  float: left !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}


/* si es columnita, agarra todo el ancho */

.items-row .item p img
{
  max-width: 100% !important;
  height: auto;
  display: block !important;
  float: none !important;
  margin-bottom: 10px !important;
}


.items-row .item,
.items-leading > div
{
  text-align: justify;
}

/* leer mas */
#col-mid div.blog-featured .readmore{
  width: 100%;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #CCC;
  border-bottom-color: #CCC;
}
.readmore a{
  color: #15a1f1;
  text-decoration:none;
  padding: 0 0 0 10px;
}

/* breadcrumbs */
.breadcrumbs{
  color:#999;
  font-size: 12px;
}


/* Formato de tabla */

table{
margin-left:auto;
margin-right:auto;
}
td, th{
padding: 5px;
color:#333;
font-size: 12px;
background-color:#fff;
}


/* estilos especificos */

#login-form{
  font-size: 14px;
}
#login-form a,
#login-form a:visited
{
  color: #15428f;
  text-decoration: underline;
}
#login-form a:hover
{
  color: #0097ff;
  text-decoration: none;
}


